<template>
	<view class="all">
		<view class="bg"></view>
		<view class="top">
			<image src="/static/05refuel/background@3x.png" mode=""></image>
			<view class="content">
				<view>汽车惠民活动走进...</view>
				<rich-text nodes="详情>" @click="discountDel"></rich-text>
			</view>
		</view>
		<view class="top">
			<image src="/static/05refuel/background@3x.png" mode=""></image>
			<view class="content">
				<view>汽车惠民活动走进...</view>
				<rich-text nodes="详情>" @click="discountDel"></rich-text>
			</view>
		</view>
	</view>
</template>

<script setup>
	
const discountDel=()=>{
	uni.navigateTo({
		url: '/pages/07discount/discountDel/discountDel',
		success: res => {},
		fail: () => {},
		complete: () => {}
	});
}
</script>

<style scoped>
/* 全局背景 */
.all{
	padding-top: 10rpx;
	box-sizing: border-box; 
	position: relative;
	z-index: 1;
}
.bg{
	background-color: #0472fe;
	width: 100%;
	height: 300rpx;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}	       
.top{
	background-color: #fff;
	border-radius: 20rpx;
	margin: 20rpx 10rpx;
	padding: 30rpx;
	
}
.top image{
	width: 670rpx;
	height: 400rpx;
	border-radius: 20rpx;
}
.top .content{
	margin: 10rpx;
	display: flex;
	justify-content: space-between;
	font-size: 26rpx;
}
.top .content :nth-child(2){
	opacity: .6;
}	




</style>
